<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <style>
       * {
         padding: 0;
         margin: 0;
         list-style: none;
      }
      .bbb {
         width: 100vw;
         height: 8vh;
         background-color: #ff8a00;
         display: flex;
      }

      .bbb>div {
         display: flex;
         flex: 1;
         justify-content: center;
         align-items: center;
      }

      .bbb>div:nth-of-type(1)>img {
         width: 150px;
      }

      .bbb>div:nth-of-type(2)>img {
         width: 35px;
         margin-left: 25px;
      }
      .aaa>div:nth-of-type(2)>div{
         padding-left: 15px;
         line-height: 2.5rem;
         border-bottom: 2px solid rgb(179, 176, 176);
      }
      .aaa>div:nth-of-type(2)>div>input{
         height: 5vh;
         border: none;
      }
      .aaa>div:nth-of-type(2)>div>button{
         padding: .3rem;
      }
      .div1>p>span{
         font-size: 1.1rem;
         font-weight: bold;
      }
      .rrr{
         width: 90vw;
         margin: auto;
      }
      .rrr>button{
         margin-top: .8rem;
         width: 90vw;
         height: 8vh;
         font-size: 1.1rem;
         color: white;
         background-color: #ff8a00;
         border: none;
      }


   </style>
</head>
<body>
   <div class="aaa">
      <div class="bbb">
         <div>
            <img src="./imges/logo.jpg" alt="">
         </div>
         <div>
            <img src="./imges/my.jpg" alt="">
            <img src="./imges/xiazai.jpg" alt="">
         </div>
      </div>
      <div>
         <div class="div1">
            <p><span>首页&nbsp;></span>&nbsp;找回密码</p>
         </div>

         <div class="div2">
            <input type="text" placeholder="请输入手机号">
            <button>发送验证码</button>
         </div>

         <div class="div3">
            <input type="text" placeholder="请输入短息验证">
         </div>

         <div class="div4">
            <input type="text" placeholder="请输入新密码">
         </div>

         <div class="div5">
            <input type="text" placeholder="请输入确让密码">
         </div>
      </div>
      <div class="rrr">
         <button>提交</button>
      </div>
   </div>
</body>
</html>